<template>
  <div class="largeScale-left">

  
    <Arrows title="全网规模" />
    <!-- 全网规模 -->
    <div class="largeScale">
      <LargeScale :largeScale="largeScale" />
    </div>
  </div>
</template>

<script>
// 全网规模
import LargeScale from "../largeScale/index.vue";
// 箭头文字
import Arrows from "../arrows/index.vue";
export default {
  data() {
    return {
      // 全网规模
      largeScale: [
        {
          imgs: "image/LineTwo.png",
          content1: "线路数（条）",
          content2: "33.13万",
        },
        {
          imgs: "image/Allotment.png",
          content1: "配变数（台）",
          content2: "554.90万",
        },
        {
          imgs: "image/UserNumber.png",
          content1: "用户数（户）",
          content2: "5.40亿",
        },
      ],
    };
  },
  components: { LargeScale, Arrows },
};
</script>

<style lang="scss" scoped>
.largeScale-left {
  width: 360px;
height: 498px;
  padding-top: 20px;
  // border: 1px dashed #ccc;
  background: url("../../assets/image/hellowword/backgroundSeven.png") no-repeat;
  background-size: 100%;
 
  .largeScale {
    margin: 0 32px 50px 32px;
    margin-top: 51px;
  }
}
</style>
